<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>神仙预测结果</title>
    <script src="../static/js/jquery-3.7.1.min.js" type="text/javascript"></script>
    <style>
    table {
        border-collapse: collapse; /*合并边框*/
        width: 100%; /*设置表格宽度*/
    }

    th, td {
        border: 1px solid black; /*设置边框线样式、颜色和大小*/
        padding: 8px; /*设置内边距*/
        text-align: center;
    }
</style>

</head>
<body>
<table id="t">
<thead>
<tr>
    <td colspan="5">比赛信息</td>
    <td colspan="2" style="background-color: green">赛果信息</td>
    <td colspan="5" style="background-color: red">神仙推荐</td>
    <td>操作</td>
</tr>
<tr>
    <td>开赛时间</td>
    <td>场次</td>
    <td>比赛</td>
    <td>类型</td>
    <td>让球</td>
    <td>上半场</td>
    <td>下半场</td>
    <td>胜平负</td>
    <td>让球胜平负</td>
    <td>半全场</td>
    <td>总进球</td>
    <td>比分</td>
    <td></td>
</tr>
</thead>
</table>
</body>

<script type="text/javascript">
    $(function () {
        load();
    });
    function load() {
            // 获取后台数据
            $.get('/sxyc_result_ds', function (res) {
                let arr = [];
                for (let day in res) {
                    arr.push("<tr>");
                    arr.push("<td colspan='13'>");
                    arr.push("竞猜日期:" + day);
                    arr.push("</td>");
                    arr.push("</tr>");
                    for (let d of res[day]) {
                        arr.push("<tr>");
                        arr.push("<td>");
                        arr.push(d.INFO.matchDate +" "+d.INFO.matchTime);
                        arr.push("</td>");

                        arr.push("<td>");
                        arr.push(d.INFO.matchNumStr);
                        arr.push("</td>");

                        arr.push("<td>");
                        arr.push(d.INFO.homeTeamAbbName);
                        arr.push(" VS ");
                        arr.push(d.INFO.awayTeamAbbName);
                        arr.push("</td>");

                        arr.push("<td>");
                        arr.push(d.INFO.leagueAbbName);
                        arr.push("</td>");

                        arr.push("<td>");
                        arr.push(d.INFO.goalLine);
                        arr.push("</td>");

                        arr.push("<td>");
                        arr.push(d.INFO.goalLine);
                        arr.push("</td>");

                        arr.push("<td>");
                        arr.push(d.INFO.goalLine);
                        arr.push("</td>");
                        arr.push("<td>");
                        arr.push(d.INFO.goalLine);
                        arr.push("</td>");
                        arr.push("<td>");
                        arr.push(d.INFO.goalLine);
                        arr.push("</td>");
                        arr.push("<td>");
                        arr.push(d.INFO.goalLine);
                        arr.push("</td>");
                        arr.push("<td>");
                        arr.push(d.INFO.goalLine);
                        arr.push("</td>");
                        arr.push("<td>");
                        arr.push(d.INFO.goalLine);
                        arr.push("</td>");
                        arr.push("<td>");
                        arr.push(d.INFO.goalLine);
                        arr.push("</td>");
                        arr.push("</tr>");
                    }
                }
                $("#t").append(arr.join(" "))
            });

        }
</script>
</html>